<template>
  <u-modal
    v-model="show"
    confirm-text="知道了"
    title="规则"
    @cancel="cancel"
    @confirm="confirm"
  >
    <view class="u-update-content">
      <rich-text :nodes="content"></rich-text>
    </view>
  </u-modal>
</template>

<script>
export default {
  data() {
    return {
      show: true,
      // 传递给uni-app"rich-text"组件的内容，可以使用"<br>"进行换行
      content: `
					1. 充电宝归还到其他代理底座上，您收入60 元，次充电宝自动归属 为此代理。<br><br>
					2.其他代理设备归还到您的底座上，您扣除 60元，充电宝自动归属到您名下。<br><br>
					3.当代理余额不足60元，充电宝依然归您， 产生订单分润归您所有。<br><br>
          4.当前收益为未结算到可提现余额里的充电 宝收益，充电宝的收益每月15日与30日自 动到达您可提现余额中，您可通过收益明细 查看记录。<br><br>
          5.若当前收益为0时，产生充电宝购买订单时，需要从可提现金额里进行扣除。
				`,
    };
  },
  onReady() {
    this.show = true;
  },
  methods: {
    cancel() {
      this.closeModal();
    },
    confirm() {
      this.closeModal();
    },
    closeModal() {
      uni.navigateBack();
    },
  },
};
</script>

<style scoped>
.u-full-content {
  background-color: #00c777;
}
>>>.u-model__title {
font-family: PingFang SC;
font-weight: bold;
color: #000000;
}
.u-update-content {
  font-size: 0.8rem;
  padding: 0.8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
}
</style>